
import Home from '../components/Home.vue';
import CustomTable from '../components/element-component/CustomTable.vue';
import ExamParent from '../components/example/parent-child/parent.vue';
import Echarts from '../components/features/echarts/echarts.vue';
import CustomDrawer from '../components/features/drawer/Example.vue';
import Router1 from '../components/vue-router/Router1.vue';
import Show from '../components/vue-router/Show.vue';
import PageNotFound from '../components/vue-router/404.vue';
import Profile from '../components/vue-router/Profile.vue';
import Shopping from '../components/vuex/Shopping.vue';
import VueApi from '../components/vue-api/test.vue';
import ExamParent2 from '../components/example/parent-child-2/parent.vue';
import ExamSlot from '../components/example/slot/templateA.vue';
import CustomForm from '../components/element-component/CustomForm.vue';
import ComponentBase from '../components/example/components/ComponentBase.vue';
 

const routes = [
  { 
    path: '/', 
    component: Home 
  },
  {
    path: '/parent',
    component: ExamParent
  },
  {
    path: '/table',
    component: CustomTable
  },
  {
    path: '/drawer',
    component: CustomDrawer
  },
  {
    path: '/echarts',
    component: Echarts
  },
  {
    path: '/routes',
    component: Router1,
  },
  {
    path: '/show/:id',
    component: Show,
    name: 'show',
    children: [
      { path: 'profile', component: Profile },
      { path: '/profile', component: Profile }
    ]
  },
  {
    path: '/shopping-card',
    component: Shopping,
    name: 'shopping',
  },
  {
    path: '/vue-api',
    component: VueApi,
    name: 'vueApi',
  },
  {
    path: '/parent2',
    component: ExamParent2,
    name: 'parent2'
  },
  {
    path: '/slot',
    component: ExamSlot,
    name: 'sloatexam'
  },
  {
    path: '/custom-form',
    component: CustomForm,
    name: 'customForm'
  },
  {
    path: '/componentBase',
    component: ComponentBase,
    name: 'componentBase'
  },
  {
    path: '*',
    component: PageNotFound
  }
]

export default routes;